<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <style>
            body{background-color: #666;}
            .pmd, .pmd2 {
                border: 1px solid #f00; width: 800px; padding: 2px;
            }
            .lz-pmd-point{width: 2px !important;}
        </style>
    </head>

    <body>
        <div class="pmd"></div>
        <div class="pmd2"></div>
        <div class="pmd3" style="height: 30px; width: 200px;"></div>
        <script src="./lz.pmd.js"></script>
        <script>
            var list = [
                {title: '1大湾区之声热评：为实现中华民族伟大复兴更好发挥作用1', url: 'http://news.jstv.com/a/20221018/1666075779680.shtml'},
                {title: '2大湾区之声热评：为实现中华民族伟大复兴更好发挥作用2', url: ''},
            ]
            var list2 = [
                {title: '1大湾区之声热评：为实现中华民族伟大作用1', url: 'http://news.jstv.com/a/20221018/1666075779680.shtml'},
                {title: '2大湾区之声热评：为实现中华民族伟大作用1', url: 'http://news.jstv.com/a/20221018/1666075779680.shtml'},
                {title: '3大湾区之声热评：为实现中华民族伟大作用1', url: 'http://news.jstv.com/a/20221018/1666075779680.shtml'},
                {title: '4大湾区之声热评：为实现中华民族伟大作用1', url: 'http://news.jstv.com/a/20221018/1666075779680.shtml'},
                {title: '5大湾区之声热评：为实现中华民族伟大复兴更好发sdfsdf挥作用2', url: ''},
            ]
            var pmd = new lzPmd('.pmd', list)
            var pmd2 = new lzPmd('.pmd2', {data: list2, target: '_self', time: 40, color: '#ff0'})
            var pmd3 = new lzPmd('.pmd3', {data: list2, target: '_self', time: 3000, direction: 'vertical', color: '#fff'})
            console.log(pmd);
            console.log(pmd2);
        </script>
    </body>
</html>
